<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>css样式</title>
		<style>
			div{
				width: 300px;
				height: 400px;				
			}
			.pcss1{				
				background-color:gray;
				background-image:url(imgs/bg1.jpg);
				background-repeat:no-repeat;
				background-attachment:fixed;
			}
			.pcss2{
				/*background : background-color || background-image || background-repeat || background-attachment || background-position 
*/
				background : gray url(imgs/bg1.jpg) no-repeat fixed 10% 10%;
				direction :ltr;
			}
			
			/* 标签选择器 */
			a{
				/*去掉连接的下划线*/
				text-decoration: none;
			}
			/*css 中伪类的使用*/
			/*加载之后显示的样式*/
			a:link { color: #080808}
			/*点击的时候的样式*/
			a:active  { color: yellow } 			
			/*激活时的样式*/
			a:hover   { color: red }
			/*点击访问之后的样式*/
			a:visited { color: #95A3AB }
		</style>
	</head>
	
	<body>
		<div class="pcss2">
			<p >
				<a href="#">css样式的组合赋值</a>
			</p>
			<p >
				<a href="#">css样式的组合赋值2</a>
			</p>
			<p >
				<a href="#">css样式的组合赋值3</a>
			</p>
		</div>
	</body>
</html>
